*{
	margin:0;padding:0;font-size: 12px;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
html{
	font-size: 62.5%;
}
.wrap{
	width:100%;height: 100%;
}
.free_top{
	width: 90%;height: 2.8rem;border:1px solid #ccc;background: #FAFAFA;
	border-radius: 2rem;margin:0 auto;margin-top: 1rem;text-align: center;
	line-height: 2.8rem;color: #ccc;
}
/*人气好书*/
.book-con{width:100%;}
.book{
	width: 90%;height: 3.5rem;margin:0 auto;
	display: flex;justify-content: space-between;
}
.book div{
	width:40%;height: 2rem;
	border-bottom:1px solid #eee;
}
.book span{
	display: inline-block;width:20%;height: 3.5rem;
	line-height: 3.5rem;text-align: center;font-size: 1.3rem;
	font-weight: bold;font-size: 1.4rem;
}
.time{
	width:50%;height: 1.5rem;background: #FAFAFA;
	margin:0 auto;line-height: 1.5rem;text-align:center;
}
/*内容部分*/
.people-book{
	width:90%;margin:0 auto;margin-top: 1rem;
	border-bottom:1px solid #eee;height: 13rem;
}
.people-book dt{
	float: left;height: 11.8rem;
}
.people-book dt img{
	width:8rem;
}
.people-book dd{
	float: left;height: 11.8rem;width: 20rem;
	margin-left: 0.5rem;padding-left: 1rem;box-sizing: border-box;
	line-height: 3rem;


}
.people-book-right{
	display: inline-block;width:5.5rem;height: 2rem;border:1px solid green;
	text-align: center;line-height: 2rem;border-radius: 0.5rem;float: right;
	margin-top: 0.5rem;margin-right: 0.5rem;font-size: 1.1rem;
}
.boy{
	width:100%;height:14.5rem;display: flex;
	justify-content: space-around;align-items: center;margin-top: 1rem;
}
.boy li{
	float: left;
}
.boy li img{
	width:8rem;
}
.boy li p{
	margin-top: 0.4rem;font-size: 1.1rem;
}
footer{
	width:50%;height: 5rem;line-height: 5rem;
	text-align: center; margin:0 auto;
}
#foot{
	width:5rem;position: fixed;bottom:50px;
	right:0px;height: 6rem;display: none;
}
.top{
	font-size: 5rem;color:#ccc;
}
/*跳转*/
.tiaozhuan{
	width:100%;height: 100%;background:white;
	position: fixed;top:0px;
}
nav{
	width:100%;height: 4rem;background: #ccc;position: fixed;
	top:0px;z-index: 9999;left:0px;
}
.show{
	padding:4rem;box-sizing: border-box;
	width:100%;height: 20rem;background: #ccc;
}
.show dt{
	float: left;
}
.show dt img{
	width:8rem;
}
.show dd{
	margin-left: 1rem;
	float: left;
}
.end{
	width:4rem;height: 2rem;background:#FF6500;border-radius:0.5rem;
	text-align: center;line-height: 2rem;color:white;
}
.introduce{
	width:90%;margin:0 auto;height: 19.8rem;
}
.menu{
	width:100%;height: 4rem;border-bottom:1px solid #ccc;
	display: flex;justify-content: space-around;
	/*align-items: center;*/
}
.menu li{
	width:5rem;height: 2.5rem;border:1px solid #ccc;
	text-align: center;line-height: 2.5rem;border-radius: 0.2rem;
}
.footer{
	width:100%;height: 5rem;
	display: flex;justify-content: space-between;
	align-items:center;font-size: 1.5rem;
}
/*读本书的人还看过*/
.read{
	width:100%;height: 32rem;
}
.read li{
	width:100%;height: 4rem;border-bottom:1px solid #ccc;
	line-height: 4rem;text-indent: 1.3rem;
}
/*读本书的人还看过*/